<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>选课</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/swiper.css">
    <script src="./js/ajax.js"></script>
    <!-- 当前页css -->
    <link rel="stylesheet" href="./css/course-selection.css">
</head>
<body>
<!-- 父容器 -->
<div class="container">
    <!-- 顶部头 -->
    <div class="top">
        <div class="title">选课</div>
    </div>
    <!-- 轮播图 -->
    <div class="slider">
        <!--使用swiper实现的轮播图-->
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img src="./images/banner_1.jpg" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="./images/banner_1.jpg" alt="">
                </div>

            </div>
            <!-- Add Pagination 导航圆点-->
            <div class="swiper-pagination"></div>
            <!-- Add Arrows 左右滑动按钮-->
            <!--<div class="swiper-button-next"></div>-->
            <!--<div class="swiper-button-prev"></div>-->
        </div>
    </div>
    <!-- 搜索框 -->
    <!-- 	<div class="search-box">
        <form>
            <input type="text" class="search" placeholder="搜索课程、主讲老师">
        </form>
    </div> -->
    <!-- 选课容器 -->
    <div class="choose-box">
        <div class="choose-btn">
            <ul>
                <li class="course class" id="class-course"><span>班级课</span></li>
            </ul>
        </div>
        <!-- 课程内容 -->
        <div class="content">
            <ul>
                <!-- <li>
                <a href="../playing.html">
                    <div class="img">
                        <img src="" alt="">
                        <i class="play"></i>
                        <i class="listen"></i>
                    </div>
                    <div class="desc">
                        <p class="title">劝学</p>
                        <span class="author">包政</span>
                        <span class="learn-count"><span class="learn-percent">20%</span>已学</span>
                    </div>
                </a>
                </li> -->
            </ul>
        </div>
    </div>
</div>


<script src="./js/flexible.js"></script>
<script src="./js/time-filter.js"></script>
<script src="./js/mui-3.7.2.js"></script>
<script src="./js/jquery.js"></script>
<script src="./js/swiper.js"></script>
<script src="./js/index.js"></script>
<script src="./js/course-selection.js"></script>
</body>
</html>

